<template>
	<div id="bg">
		<div>
			<div>
				<img style="width: 43vw; height: 12vh" src="@/assets/login_logo.png" />
			</div>
			<div style="display: flex;align-items: center;justify-content: space-between;margin-top: 5vh;">
				<img style="width: 30vw; height: 51vh;margin-top: 6vh;margin-left: 6vw;" src="@/assets/login_icon.png" />
				<div class="loginForm">
					<LoginForm />
				</div>
			</div>
			<div style="color: red; text-align: center; position: relative;top: 8vh;">此网站只用于研讨学习，不对外公开</div>
		</div>
	</div>
</template>
  
<script setup>
import LoginForm from '@/components/LoginForm.vue'

</script>
<style scoped>
#bg {
	background-color: #219AED;
	height: 100vh;
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

#bg>div {
	width: 78vw;
	height: 76vh;
}

.loginForm {
	background-color: white;
	padding: 15px;
	width: 21vw;
	height: 49vh;
	border-radius: 10px;
	display: flex;
	align-items: center;
}
</style>

  